/*
 * @Author: sea 
 * @Date: 2020-04-19 09:58:37 
 * @Last Modified by: sea
 * @Last Modified time: 2020-04-19 10:37:34
 */
.sea-form-item{
    display: flex;
    position: relative;
    padding-left: 1rem;
    border-bottom: 1px solid #eee;
}
.sea-form-item:last-child{
    border-bottom: none;
}
.sea-form-item > .sea-form-label{
    display: block;
    width: 3.5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    color: #666;
}
.sea-form-item > .sea-form-body{
    flex: 1;
}
.sea-form-item > .sea-form-body > .sea-input{
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;
    border: none;
}

.sea-form-item > .sea-form-body > .sea-input-reset{
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: -0.4rem;
    font-size: 0.6rem;
    background: #aaa;
    color: #fff;
    border-radius: 50%;
}
.sea-form-item > .sea-form-body > .sea-input-warning{
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-top: -0.4rem;
    font-size: 0.6rem;
    color: red;
    border: 1px solid red;
    border-radius: 50%;
}

/* 单选 */
.sea-form-item > .sea-radio{
    overflow: hidden;
    flex: 1;
    font-size: 0.8rem;
    line-height: 2rem;
}

.sea-form-item > .sea-radio > .sea-radio-icon{
    margin-right: 0.5rem;
    color: #09BB07;
    visibility: hidden;
}
.sea-form-item > .sea-radio.checked > .sea-radio-icon{
    visibility: visible;
}
.sea-form-item > .sea-radio > .sea-radio-input{
    position: absolute;
    left: -999rem;
}

/* 多选 */
.sea-form-item > .sea-check{
    flex: 1;
    font-size: 0.8rem;
    line-height: 2rem;
}
/* 未选中时的图标 */
.sea-form-item > .sea-check > .sea-check-icon{
    margin-right: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: rgba(0,0,0,0);
    font-size: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
}
/* 未选中时的图标 */
.sea-form-item > .sea-check > .sea-check-icon{
    margin-right: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: rgba(0,0,0,0);
    font-size: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
}
/* 选中时的图标 */
.sea-form-item > .sea-check.checked > .sea-check-icon{
    background: #09BB07;
    color: #fff;
    border-color: rgba(0,0,0,0)
}
/* 隐藏的check类型的input */
.sea-form-item > .sea-check > .sea-check-input{
    position: absolute;
    left: -999rem;
}